<template>
  <el-dialog title="审核账号" v-model="visible">
    <el-form :model="info.info" :disabled="true" label-width="120">
      <el-form-item label="用户名称">{{ info.info.username }}</el-form-item>
      <el-form-item label="昵称">{{ info.info.nickname }}</el-form-item>
      <el-form-item label="手机号码">{{ info.info.phone }}</el-form-item>
      <el-form-item label="头像">
        <el-image :src="info.info.avatar" class="w-200px h-200px"></el-image>
      </el-form-item>
      <el-form-item label="角色">{{ info.info.roleName }}</el-form-item>
      <el-form-item label="真实姓名">{{ info.info.realName }}</el-form-item>
      <el-form-item label="身份证号">{{ info.info.idCard }}</el-form-item>
      <el-form-item label="建议" v-show="info.advice">{{ info.advice }}</el-form-item>
    </el-form>
  </el-dialog>
</template>

<script setup lang="ts">
import { ref } from "vue";

const visible = ref(false);

const info = ref();

const acceptParams = (row: any) => {
  info.value = row;
  visible.value = true;
};

defineExpose({ acceptParams });
</script>

<style></style>
